<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
  <link rel="stylesheet" type="text/css" href="../css/global.css">
  <script type="text/javascript" src="../easyui/jquery.min.js"></script>
  <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
</head>
<body>
<!--<form id="ff">-->
<!--  <div style="margin-bottom:20px">-->
<!--    <input class="easyui-radiobutton" name="fruit" value="Apple" label="Apple:">-->
<!--  </div>-->
<!--  <div style="margin-bottom:20px">-->
<!--    <input class="easyui-radiobutton" name="fruit" value="Orange" label="Orange:">-->
<!--  </div>-->
<!--  <div style="margin-bottom:20px">-->
<!--    <input class="easyui-radiobutton" name="fruit" value="Banana" label="Banana:">-->
<!--  </div>-->
<!--</form>-->

<div>
  <input class="easyui-radiobutton radiobutton" name="formulaShowType" value="MathMLAndFormula" label="MathML+公式:"
        data-options="labelWidth:120,labelAlign:'right',onChange:doFormulaShowTypeChange">
  <input class="easyui-radiobutton" name="formulaShowType" value="MathML" label="MathML:"
        data-options="labelWidth:100,labelAlign:'right',onChange:doFormulaShowTypeChange">
  <input class="easyui-radiobutton" name="formulaShowType" value="Formula" label="公式:"
        data-options="labelWidth:120,labelAlign:'right',onChange:doFormulaShowTypeChange">

</div>


</body>

<script type="text/javascript">
  function doFormulaShowTypeChange() {
  	let radios = $("input[name='formulaShowType']");
		for (let i = 0; i < radios.length; i++) {
			if (radios[i].checked) {
				console.log(radios[i].value);
			}
		}
	}
</script>
</html>
